<script>
	export default {
		data() {
			return {
				activeFilter: 'comprehensive',
				priceSort: '', // 可以是 'asc' 或 'desc' 或空字符串
				productList: [
					{
						id: 1,
						name: '鱼缸水族箱小型生态造景',
						price: 99.9,
						originalPrice: 139.8,
						sales: 1201,
						image: '/static/小宠专区.png',
						promotion: '买2送1',
						freeShipping: true
					},
					{
						id: 2,
						name: '鱼食热带鱼通用饲料',
						price: 16.8,
						originalPrice: 24.9,
						sales: 2571,
						image: '/static/小宠专区.png',
						promotion: '满3减10',
						freeShipping: true
					},
					{
						id: 3,
						name: '水族箱过滤器静音增氧泵',
						price: 55.5,
						sales: 893,
						image: '/static/小宠专区.png',
						freeShipping: true
					},
					{
						id: 4,
						name: '水族箱造景仿真水草装饰',
						price: 28.8,
						sales: 1254,
						image: '/static/小宠专区.png',
						freeShipping: true
					}
				]
			}
		},
		onLoad(options) {
			console.log('鱼类用品页面加载');
			// 可以根据传入的参数加载不同的数据
			this.loadProductData();
		},
		methods: {
			loadProductData() {
				// 这里可以调用API获取数据
				console.log('加载鱼类用品数据');
				// this.$api.productApi.getList({
				//   categoryId: 'fish-products',
				//   sortBy: this.activeFilter,
				//   order: 'desc'
				// }).then(res => {
				//   if(res && res.data) {
				//     this.productList = res.data
				//   }
				// }).catch(err => {
				//   console.error('获取商品列表失败:', err)
				// })
			},
			goBack() {
				uni.navigateBack({
					fail: function() {
						uni.switchTab({
							url: '/pages/category/index'
						});
					}
				});
			},
			navigateToSearch() {
				uni.navigateTo({
					url: '/pages/search/index',
					fail: function(err) {
						console.error('导航到搜索页面失败:', err);
						uni.showToast({
							title: '搜索功能即将上线',
							icon: 'none'
						});
					}
				});
			},
			setFilter(filter) {
				if(filter === 'price' && this.activeFilter === 'price') {
					// 如果已经是价格筛选，则切换排序方向
					if(this.priceSort === 'asc') {
						this.priceSort = 'desc';
					} else if(this.priceSort === 'desc') {
						this.priceSort = '';
					} else {
						this.priceSort = 'asc';
					}
				} else {
					this.activeFilter = filter;
					if(filter !== 'price') {
						this.priceSort = '';
					} else if(this.priceSort === '') {
						this.priceSort = 'asc';
					}
				}
				// 根据筛选条件重新加载数据
				this.loadProductData();
			},
			navigateToDetail(id) {
				uni.navigateTo({
					url: '/pages/shop/product-detail?id=' + id,
					fail: function(err) {
						console.error('导航到商品详情失败:', err);
						uni.showToast({
							title: '商品详情加载失败',
							icon: 'none'
						});
					}
				});
			}
		}
	}
</script>